<template>
  <div>
    <TopNav title="我的收藏" @jumpPage="$router.push('/personal')" />
    <div>
      <NewCategoryContent
        :postItem="post"
        v-for="post in postData"
        :key="post.id"
      />
    </div>
    <div class="botton" v-if="postData.length">到底了,没得看了!</div>
  </div>
</template>

<script>
import TopNav from "../../components/TopNav";
import NewCategoryContent from "../../components/NewCategoryContent";
export default {
  data() {
    return {
      postData: [],
    };
  },
  components: {
    TopNav,
    NewCategoryContent,
  },
  created() {
    // // 模拟收藏文章
    // this.$axios({
    //   url: "/post_star/16",
    // }).then((res) => {
    //   console.log(res);
    // });
    // 发送请求获取收藏的文章列表
    this.$axios({
      url: "/user_star",
    })
      .then((res) => {
        // console.log(res);
        this.postData = res.data.data;
        // console.log(this.postData);
      })
      .catch((err) => {
        console.dir(err);
        this.$toast.fail("系统错误");
      });
  },
};
</script>

<style lang="less" scoped>
.botton {
  padding: 10/360 * 100vw;
  text-align: center;
  color: #888;
  // border: 1px solid #000;
}
</style>
